<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../dist/css/bootstrap.min.css">
  <title>商品卡片</title>
</head>
<body class="container p-5">
  <div class="rounded-top border w-25 position-relative">
    <img src="images/1.jpg" class="img-fluid rounded-top" alt="...">
    <div class="p-3">
      <a href="javascript:void(0);" class="fs-5 text-dark d-block mb-3 text-decoration-none stretched-link">户外风景摄影课程</a>
      <div class="d-flex justify-content-between align-items-baseline">
        <span class="text-danger">￥99.00</span>
        <small class="text-secondary">39人学过</small>
      </div>
  </div>
</body>
</html>